<template>
<div class="center">
  <div class="center ft hiddens">
    <img class="im" src="@/assets/qiyao.png" alt />
    <div>七一一研究所</div>
  </div>
  <meau></meau>
  <div class="center" @click="userChange">
    <UserSwitchOutlined :style="{fontSize: '30px', color: '#08c'}" />
  </div>
</div>
</template>

<script>
import {
  UserSwitchOutlined
} from "@ant-design/icons-vue";
import meau from "./Header2";

import {
  useRouter
} from "vue-router";
export default {
  components: {
    meau,
    UserSwitchOutlined,
  },
  setup() {
    const router = useRouter();
    const userChange = function () {
      router.push("/login").catch(() => {});
    };
    return {
      userChange,
    };
  },
};
</script>

<style lang="scss" scoped>
.im {
  height: 50px;
  margin: 0 0.1rem;
}

.ft {
  width: 16%;
  min-width: 80px;
  font-size: 18px;
}
</style>
